<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>关于我们</title>
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="robots" content="all,follow">
  <!-- Bootstrap CSS-->
  <link rel="stylesheet" href="/static/css/bootstrap.min.css">
  <!-- Font Awesome & Pixeden Icon Stroke icon font-->
  <link rel="stylesheet" href="/static/css/font-awesome.min.css">
  <link rel="stylesheet" href="/static/css/pe-icon-7-stroke.css">
  <!-- Google fonts - Roboto Condensed & Roboto-->
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto+Condensed:700|Roboto:300,400">
  <!-- lightbox-->
  <link rel="stylesheet" href="/static/css/lightbox.min.css">
  <!-- theme stylesheet-->
  <link rel="stylesheet" href="/static/css/style.default.css" id="theme-stylesheet">
  <!-- Custom stylesheet - for your changes-->
  <link rel="stylesheet" href="/static/css/custom.css">
  <!-- Favicon-->
  <link rel="shortcut icon" href="/static/img/favicon.png">
  <!-- Tweaks for older IEs-->
  <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]-->
</head>

<body class="home">
  <!-- navbar-->
  <header class="header">
    <div role="navigation" class="navbar navbar-default">
      <div class="container">
        <div class="navbar-header"><a href="index.html" class="navbar-brand" style="height:30px;margin-top: 11.5px;background: rgba(211, 193, 193, 0.3);padding: 5px;border: 1px solid white;">Blog</a>
          <div class="navbar-buttons">
            <button type="button" data-toggle="collapse" data-target=".navbar-collapse"
              class="navbar-toggle navbar-btn">Menu<i class="fa fa-align-justify"></i></button>
          </div>
        </div>
        <div id="navigation" class="collapse navbar-collapse navbar-right">
          <a href="#" data-toggle="modal" data-target="#login-modal" class="btn navbar-btn btn-white pull-left"><i
              class="fa fa-sign-in"></i>Log in</a>
        </div>
      </div>
    </div>
  </header>
  <!-- *** LOGIN MODAL ***_________________________________________________________
    -->
  <div id="login-modal" tabindex="-1" role="dialog" aria-labelledby="Login" aria-hidden="true" class="modal fade">
    <div class="modal-dialog modal-sm">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" data-dismiss="modal" aria-hidden="true" class="close">×</button>
          <h4 id="Login" class="modal-title">用户登录</h4>
        </div>
        <div class="modal-body">
          <form action="customer-orders.html" method="post">
            <div class="form-group">
              <input id="email_modal" type="text" placeholder="email" class="form-control">
            </div>
            <div class="form-group">
              <input id="password_modal" type="password" placeholder="password" class="form-control">
            </div>
            <p class="text-center">
              <button type="button" class="btn btn-primary" onclick="login()"><i class="fa fa-sign-in"></i> 登录</button>
            </p>
          </form>
          <p class="text-center text-muted">还没注册?</p>
          <p class="text-center text-muted"><a href="/enroll.html"><strong>Register now!</strong></a> 这很容易注册
            </p>
        </div>
      </div>
    </div>
  </div>
  <!-- *** LOGIN MODAL END ***-->
  <div id="carousel-home" data-ride="carousel" class="carousel slide carousel-fullscreen carousel-fade">
    <!-- Indicators-->
    <ol class="carousel-indicators">
      <li data-target="#carousel-home" data-slide-to="0" class="active"></li>
      <li data-target="#carousel-home" data-slide-to="1"></li>
      <li data-target="#carousel-home" data-slide-to="2"></li>
    </ol>
    <!-- Wrapper for slides-->
    <div role="listbox" class="carousel-inner">
      <div style="background-image: url('/static/img/3.png');" class="item active">
        <div class="overlay"></div>
        <div class="carousel-caption">
          <h1 class="super-heading">宿舍Blog

          </h1>
          <p class="super-paragraph">一个属于你们自己小团体的私密空间.</p>
        </div>
      </div>
      <div style="background-image: url('/static/img/back.jpg');" class="item">
        <div class="overlay"></div>
        <div class="carousel-caption">
          <h1 class="super-heading">分享快乐，玩的开心~</h1>
          <p class="super-paragraph">Share yours to your dorm's partner</p>
        </div>
      </div>
      <div style="background-image: url('/static/img/4.jpg');" class="item">
        <div class="overlay"></div>
        <div class="carousel-caption">
          <!-- <h1 class="super-heading">学无止境</h1> -->
          <!-- <h3>您就学吧，学吧学吧，往死里学.</h3> -->
        </div>
      </div>
    </div>
  </div>
  <section class="background-gray-lightest negative-margin" style="padding-bottom: 40px;">
    <div class="container">
      <h1 style="color: rgb(240, 137, 154);">我们的初衷.</h1>
      <p class="lead">创建一个属于小团体自己的私密空间，能够让大家无所拘束地分享事物和展示自己最真实的一面.</p>
      <p class="lead">在线互联，不受外界因素干扰(QQ群警告/滑稽)</p>
      <p class="lead">撰写博客，只有你们宿舍的人能看到</p>
    </div>
  </section>
  <!--   *** SERVICES ***-->
  <section class="background-gray-lightest">
    <div class="container clearfix">
      <div class="row services">
        <div class="col-md-12">
          <h2 style="color: pink;">你可以选择.</h2>
          <p class="lead margin-bottom--medium"> 在这上面尽情地发表你的各种见解看法，随时随地可以吐槽，也可以分享各种作业答案等各种你认为对你们宿舍有用的东西 (个人极其推荐小电影/滑稽).
          </p>
          <div class="row">
            <h4 style="padding:15px ;">我们未来想做的事情.</h4>
            <div class="col-sm-4">
              <div class="box box-services">
                <div class="icon"><i class="pe-7s-alarm"></i></div>
                <h4 class="services-heading">课表功能</h4>
                <p>我们想做的，是能够将宿舍内的每个人的课表都导入到博客里来</p>
              </div>
            </div>
            <div class="col-sm-4">
              <div class="box box-services">
                <div class="icon"><i class="pe-7s-cloud"></i></div>
                <h4 class="services-heading">免费文件云储存</h4>
                <p>随时随地上传你们要分享的文件，没有大小限制.</p>
              </div>
            </div>
            <div class="col-sm-4">
              <div class="box box-services">
                <div class="icon"><i class="pe-7s-coffee"></i></div>
                <h4 class="services-heading">休闲之地</h4>
                <p>宿舍微博，我的快乐源泉 </p>
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-sm-4">
              <div class="box box-services">
                <div class="icon"><i class="pe-7s-monitor"></i></div>
                <h4 class="services-heading">随时随地播放视频</h4>
                <p>支持客户端播放视频.</p>
              </div>
            </div>
            <div class="col-sm-4">
              <div class="box box-services">
                <div class="icon"><i class="pe-7s-signal"></i></div>
                <h4 class="services-heading">支持宿舍局域网连接</h4>
                <p>只要你在宿舍中连上你们自己的wifi，就可以进行访问.</p>
              </div>
            </div>
            <div class="col-sm-4">
              <div class="box box-services">
                <div class="icon"><i class="pe-7s-id"></i></div>
                <h4 class="services-heading">实名制/匿名制</h4>
                <p>匿名Z人，不用多说了. </p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <script src="/static/js/jquery.min.js"></script>
  <script src="/static/js/bootstrap.min.js"></script>
  <script src="/static/js/jquery.cookie.js"> </script>
  <script src="/static/js/lightbox.min.js"></script>
  <script src="/static/js/front.js"></script><!-- substitute:livereload -->
  <script src="/static/js/login.js"></script>
</body>

</html>